<template>
  <div>
    <div class="notlogin">
      <img src="https://demo.9thsurvey.com/base/images/notLoginModel.png" class="notloginImg" />
      <p class="notlogintitle">您还未登录</p>
      <p class="notloginmsg">请先登录在进行操作</p>
      <div style="margin-top: 65px; text-align: center;">
        <van-button color="#ccc" @click="notLogin()" size="small" round>暂不登录</van-button>
        <van-button
          style="margin-left: 20px;"
          color="linear-gradient(to right, #2eb3fb, #195bfc)"
          @click="toLogin()"
          size="small"
          round
        >立即登录</van-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},

  data() {
    return {};
  },

  computed: {},

  mounted() {},

  methods: {
    toLogin() {
      this.$emit("noLogin");
      wx.navigateTo({
        url: "/pages/firstView/main"
      });
    },
    notLogin() {
      this.$emit("noLogin");
    }
  }
};
</script>

<style lang="less">
.notlogin {
  height: 370px;
  width: 260px;
  .van-button {
    font-weight: 400;
    padding: 0 18px;
  }
}
.notloginImg {
  width: 100%;
  height: 100%;
  margin: -49px auto 0;
  display: block;
}
.notlogintitle {
  margin-top: -185px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  text-align: center;
}
.notloginmsg {
  margin-top: 10px;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.van-popup {
  overflow: initial !important;
  border-radius: 8px;
}
</style>
